<template>
  <div class="search">
    <input type="text" class="search-input" placeholder="请输入城市名或拼音">
  </div>
</template>

<script>
export default {}
</script>

<style lang="stylus" scoped>
@import '~styles/variables.styl'
.search {
  height 0.72rem
  padding 0.05rem 0.1rem
  background-color $bgColor
  .search-input {
    box-sizing border-box
    width 100%
    height 0.64rem
    line-height 0.64rem
    padding 0 0.1rem
    font-size 0.28rem
    background-color #fff
    color $lightTextColor
    text-align center
    border-radius 0.1rem
  }
}
</style>
